FlyTalk.views.ProfView = Ext.extend(Ext.TabPanel, {
        id: 'ProfView',
        indicator: true,
    fullscreen: true,
    layout: 'card', 
        
	items: [
        {
            title: 'Tab 1',
            html : '1',
            cls  : 'card1',     
        },
        {
            title: 'Tab 2',
            html : '2',
            cls  : 'card2',
        },
    ],
	
    tabBar:{
        dock: 'bottom', // will put the menu on the bottom of the screen
            layout:{
			type: 'hbox',
            pack: 'center' // this will center the menu
        },               
    },
        
    initComponent: function () {
              
		this.backButton = new Ext.Button({
		
			iconCls: 'home',
			iconMask: true,
			handler: this.backButtonTap,
			scope: this
		});
		
		
		this.toolbar = new Ext.Toolbar({
				title: 'myProfile',
				doc: 'top',
				layout: 'hbox',
				items: [
						this.backButton,
						{xtype: 'spacer'},
						//this.composeButton,
				]
		});
		this.dockedItems = [this.toolbar];
		
		Ext.apply(FlyTalk.views, {
				ProfDetailView: new FlyTalk.views.ProfDetailView(),
				ProfBadgeView: new FlyTalk.views.ProfBadgeView(),
                        
		});
                
		this.items = [FlyTalk.views.ProfDetailView, FlyTalk.views.ProfBadgeView];
				
		FlyTalk.views.ProfView.superclass.initComponent.call(this);
        
    },
	
	backButtonTap: function () {
        Ext.dispatch({
            controller: FlyTalk.controllers.ftController,
            action: 'openHome'
        });
    },

});